<template>
  <div>
    <!-- 面包屑导航区域 -->
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>
        <a href="/">权限管理</a>
      </el-breadcrumb-item>
      <el-breadcrumb-item>角色列表</el-breadcrumb-item>
    </el-breadcrumb>

    <!-- 卡片视图 -->
    <el-card>
        <!-- 添加角色按钮区 -->
        <!-- 行 -->
      <el-row>
          <!-- 列 -->
        <el-col>
          <el-button type="primary">添加角色</el-button>
        </el-col>
      </el-row>

      <!-- 角色列表 -->
    </el-card>
  </div>
</template>
<script>
import { getRoleList } from '../../api/rigths/role.js'
export default {
  data () {
    return {
      //   所有角色列表
      roleList: []
    }
  },
  created () {
    this.rolesList()
  },
  methods: {
    rolesList() {
      getRoleList().then(res => {
        console.log(res)
      })
    }
  }
}
</script>
<style lang="less" scoped>
</style>
